type T = {
  title: string
  desc?: string
}
export default function Title(props: T) {
  const { title, desc } = props

  return (
    <div className="flex flex-col gap-4 py-[32px] max-sm:pt-[60px]">
      <h1 className="leading-tight text-center font-extrabold text-black text-title max-sm:text-sTitle">
        {title}
      </h1>
      {desc && (
        <p className="text-center text-desc opacity-80 max-sm:text-sDesc">
          {desc}
        </p>
      )}
    </div>
  )
}
